<template>
	<view>
		<block v-for="(item,index) in pageData" :key="index">
			<!--图片-->
			<ImgSingle :asData="item.parameters.list" v-if="item.widgetCode=='ImgSingle'"></ImgSingle>
			<!--服务商品-->
			<ServiceGood :asData="item" v-if="item.widgetCode=='Service'"></ServiceGood>
			<!--图片轮播-->
			<ImgSlide :asData="item.parameters" v-if="item.widgetCode=='ImgSlide'"></ImgSlide>
			<!--公告-->
			<Notice :asData="item.parameters" v-if="item.widgetCode=='Notice'"></Notice>
			<!--优惠券-->
			<Coupon :asData="item" v-if="item.widgetCode=='Coupon' "></Coupon>
			<!--拼团-->
			<PinTuan :asData="item" v-if="item.widgetCode=='PinTuan' "></PinTuan>
			<!--搜索-->
			<Search :asData="item" v-if="item.widgetCode=='Search' "></Search>
			<!--宫格自定义导航-->
			<NavBar :asData="item" v-if="item.widgetCode=='NavBar' "></NavBar>
			<!--商品选项卡-->
			<GoodTabBar :asData="item" v-if="item.widgetCode=='GoodTabBar' "></GoodTabBar>
			<!--文章-->
			<Article :asData="item" v-if="item.widgetCode=='Article' "></Article>
			<!--文章分类-->
			<ArticleClassify :asData="item" v-if="item.widgetCode=='ArticleClassify' "></ArticleClassify>
			<!--视频-->
			<Videos :asData="item" v-if="item.widgetCode=='Videos' "></Videos>
			<!--商品-->
			<Goods :asData="item" v-if="item.widgetCode=='Goods' "></Goods>
			<!--卡项-->
			<Cards :asData="item" v-if="item.widgetCode=='Cards' "></Cards>
			<!--项目-->
			<Project :asData="item" v-if="item.widgetCode=='Project' "></Project>
			<!--浏览记录-->
			<Record :asData="item" v-if="item.widgetCode=='Record' "></Record>
			<!--空格-->
			<Blank :asData="item" v-if="item.widgetCode=='Blank' "></Blank>
			<!--多行文本输入区-->
			<TextArea :asData="item" v-if="item.widgetCode=='TextArea' "></TextArea>
			<!--图片集-->
			<ImgWindow :asData="item" v-if="item.widgetCode=='ImgWindow' "></ImgWindow>
			<!--文本内容-->
			<Content :asData="item" v-if="item.widgetCode=='Content' "></Content>
			<!--团购-->
			<GroupPurchase :asData="item" v-if="item.widgetCode=='GroupPurchase' "></GroupPurchase>
			<!--秒杀-->
			<Seckill :asData="item" v-if="item.widgetCode=='Seckill' "></Seckill>
			<!--弹窗广告-->
			<adpop :asData="item" v-if="item.widgetCode=='Adpop'"></adpop>
			<!--门店显示-->
			<Store :asData="item" v-if="item.widgetCode=='Store'"></Store>
			<!--登录框-->
			<Login :asData="item.parameters" v-if="item.widgetCode=='Login'"></Login>
			
			<AdvertisingColumn :asData="item" v-if="item.widgetCode=='AdvertisingColumn'"></AdvertisingColumn>
			
		</block>
	</view>
</template>

<script>
	import ImgSingle from '@/components/design-page/imgSingle.vue'
	import ServiceGood from '@/components/design-page/serviceGood.vue'
	import ImgSlide from '@/components/design-page/imgSlide.vue'
	import Notice from '@/components/design-page/notice.vue'
	import Coupon from '@/components/design-page/coupon.vue'
	import PinTuan from '@/components/design-page/pinTuan.vue'
	import Search from '@/components/design-page/search.vue'
	import NavBar from '@/components/design-page/navBar.vue'
	import Article from '@/components/design-page/article.vue'
	import ArticleClassify from '@/components/design-page/articleClassify.vue'
	import GoodTabBar from '@/components/design-page/goodTabBar.vue'
	import Videos from '@/components/design-page/videos.vue'
	import Goods from '@/components/design-page/goods.vue'
	import Cards from '@/components/design-page/cards.vue'
	import Project from '@/components/design-page/project.vue'
	import Record from '@/components/design-page/record.vue'
	import Blank from '@/components/design-page/blank.vue'
	import TextArea from '@/components/design-page/textarea.vue'
	import ImgWindow from '@/components/design-page/imgWindow.vue'
	import Content from '@/components/design-page/content.vue'
	import GroupPurchase from '@/components/design-page/groupPurchase.vue'
	import Seckill from '@/components/design-page/seckill.vue'
	import adpop from '@/components/design-page/adpop.vue'
	import Store from '@/components/design-page/store.vue'
	import Login from '@/components/design-page/login.vue'
	import AdvertisingColumn from '@/components/design-page/AdvertisingColumn.vue'

	export default {
		name: 'design-page',
		components: {
			ImgSingle,
			ServiceGood,
			ImgSlide,
			Notice,
			Coupon,
			PinTuan,
			Search,
			NavBar,
			Article,
			ArticleClassify,
			GoodTabBar,
			Videos,
			Goods,
			Cards,
			Project,
			Record,
			Blank,
			TextArea,
			ImgWindow,
			Content,
			GroupPurchase,
			Seckill,
			adpop,
			Store,
			Login,
			AdvertisingColumn
		},
		props: {
			pageData: {
				default: function() {
					return []
				}
			}
		}
	}
</script>
